.info-index {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0PX;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;

  .info-head {
    width: 100%;
    height: 44PX;
    background-color: #409EFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    .info-title {
      font-size: 18PX;
      color: #FFFFFF;
    }

    .info-back-page {
      position: absolute;
      left: 18PX;
      width: 24PX;
      height: 24PX;
    }
  }

  .info-body {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

    .user-info {
      width: 90%;
      height: 400PX;
      display: flex;
      flex-direction: column;
      margin-top: 20PX;

      .info-list {
        height: 50PX;
        display: flex;
        flex-direction: row;
        align-items: center;
      }

      .info-list:nth-child(-n+4) {
        border-bottom: 1px solid #F1F1F1;
      }
    }
  }

  .save-btn {
    width: 100%;
    position: fixed;
    bottom: 0;
    .total-btn{
      background-color:#409EFF;color:#ffffff;
      border:none;
    }
  }
}

.change-name-btn {
  width: 80Px;
  height: 50Px;
  background-color: #409EFF;
  color: #FFFFFF;
  font-size: 16Px;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 5Px
}
